<template>
    <div>
      <p>姓名：{{ name }}</p>
      <p>年龄：{{ age }}</p>
      <p>性别：{{ gender }}</p>
      <P>爱好：{{ hobby }}</P>  
    </div>
</template>
<script>
export default {
    pops:{//对象形式定义组件props
        name:{
            type:String,
            required:true,
        },
        age:{
            type:[String,Number],
        },
        gender:{
            type:   String,
            default:"男",
        },
        hobby:{
            type:Array,
            default(){
                return["阅读","旅游"];
            }
        }
}
};
</script>
<style>
    
</style>